<?php
use_helper('I18N');
$culture = $sf_user->getCulture();
?>

<?php slot('head-slot') ?>
<script type="text/javascript" src="/js/login.js"></script>
<?php end_slot() ?>

<div class="home_content">
	<div class="home_slider">
		<div class="login_box">
			<div class="login_inner">
                <h2><?php echo __("Login") ?></h2>
                <div class="login_form">
                    <form>
                        <ul>
                            <li>
                                <input type="text" class="user" name="userName" id="userName" value="">
                            </li>
                            <li>
                                <input type="password" class="psw" name="password" id="password" value="">
                                <div class="error_msg" id="message"></div>
                            </li>
                            <li class="submit_row">
                                <a href="/tradingaccounts/registerLive" class="reg"><?php echo __("Register") ?></a>
                                <a href="/home/forgetPassword"><?php echo __("Forgot password?") ?></a>
                                <a href="javascript:void(0)" class="login" id="submit"><?php echo __("Login") ?></a>
                            </li>
                        </ul>
                    </form>
                </div>
			</div>
		</div>
        <div class="bx-wrapper" style="max-width: 100%; margin: 0px auto;"><div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 552px;">
            <ul id="home_slider" style="width: 415%; position: relative; -webkit-transition: 1s; transition: 1s; -webkit-transform: translate3d(-4047px, 0px, 0px);">
                <li style="float: left; list-style: none; position: relative; width: 1349px; background: url('/images/img_slider2.jpg') 50% 50% no-repeat rgb(179, 200, 207);" class="bx-clone">
                    <div class="slider_inner">
                        <div class="slider_text">
                            <h1><?php echo __("Professional") ?></h1>
                            <h2><?php echo __("Forex") ?></h2>
                        </div>
                    </div>
                </li>
                <li style="float: left; list-style: none; position: relative; width: 1349px; background: url('/images/img_slider1.jpg') 50% 50% no-repeat rgb(179, 200, 207);">
                    <div class="slider_inner">
                        <div class="slider_text">
                            <h1><?php echo __("Competitive Spreads") ?></h1>
                            <h2><?php echo __("EURUSD typical spread 1.8") ?></h2>
                        </div>
                    </div>
                </li>
                <li style="float: left; list-style: none; position: relative; width: 1349px; background: url('/images/img_slider2.jpg') 50% 50% no-repeat rgb(179, 200, 207);">
                    <div class="slider_inner">
                        <div class="slider_text">
                            <h1><?php echo __("Professional") ?></h1>
                            <h2><?php echo __("Forex") ?></h2>
                        </div>
                    </div>
                </li>
                <li style="float: left; list-style: none; position: relative; width: 1349px; background: url('/images/img_slider1.jpg') 50% 50% no-repeat rgb(179, 200, 207);" class="bx-clone">
                    <div class="slider_inner">
                        <div class="slider_text">
                            <h1><?php echo __("Competitive Spreads") ?></h1>
                            <h2><?php echo __("EURUSD typical spread 1.8") ?></h2>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
	</div>
</div>
